<template>
	<div class="rules_content">
		<div class="top_header">
				<img src="https://img.528btc.com.cn/activity/box/back.png" @click="gotoindex()">
				<div class="name">活动规则</div>
				<div class="withdraw"></div>
		</div>
		<div class="content">
			<!-- <div class="head">活动规则</div> -->
			<p>活动规则：</p>
			<p>1、盲盒兑换时间：</p>
			<p>每周四12：30至18：30</p>
			<p>2、盲盒兑换规则：</p>
			<p>10000 BN（币拿积分）兑换一次</p>
			<p>3、盲盒兑换次数：</p>
			<p>暂不作限制</p>
			<p>4、奖励提现时间：</p>
			<p>每周四12:30至18:30</p>
			<p>5、提现要求：</p>
			<p>1 USDT起提，提现地址支持欧易WEB3钱包ID号​</p>
			<p>6、提现到账时间：</p>
			<p>5个工作日内，具体时间以实际到账的为准​</p>
			<p>7、请确保提交的地址和提现要求一致，ID号一经提交不可更改。如因填错ID号导致提现不到账，用户自行承担损失。</p>
			<p>8、倘若用户的积分获取触及相应的风控规则，如通过技术手段或其他手段进行违规操作获得积分（包括不限于接入端口刷取积分、同一IP注册多个账户刷取积分、同一设备登录2个账户以上（含）等），一经核实将取消活动资格，并注销用户账户，清空积分，清空奖励。</p>
			<p>9、如有任何疑问，请添加币界网APP关注官方客服咨询。</p>
			<p>10、Apple不以任何方式参与竞赛或抽奖活动。</p>
			<p>11、盲盒中奖概率</p>
			<p>
				<div class="table_conten" v-for="vo in tableData">
					<div class="table1">{{vo.date}}</div>
					<div class="table2">（{{vo.name}}）</div>
				</div>
			</p>
			
			<!-- <p>注意：本次活动奖励可提现至钱包，地址一经填写不可更改，请再三确认地址准确无误。进群福利一个账户仅可领取一次。客服汇总好参与人数后，统一当天发放抽奖资格到各账户。</p> -->
		</div>
	</div>
</template>

<script>
	import Shake from 'shake.js';
	export default {
		data() {
			return {
				tableData:[
					{
						date: '0.5BTC',
						name: '0.005%'
					},
					{
						date: '0.25BTC',
						name: '0.01%'
					},
					{
						date: '1ETH',
						name: '0.02%'
					},
					{
						date: '0.5ETH',
						name: '0.04%'
					},
					{
						date: '2BNB',
						name: '0.05%'
					},
					{
						date: '1BNB',
						name: '0.1%'
					},
					{
						date: '2USDT',
						name: '0.775%'
					},
					{
						date: '1.5USDT',
						name: '10%'
					},
					{
						date: '1USDT',
						name: '10%'
					},
					{
						date: '0.5USDT',
						name: '19%'
					},
					{
						date: '2000BN',
						name: '60%'
					}
				]
			}
		},
		components:{
			
		},
		mounted() {
			let myShakeEvent = new Shake({
						threshold: 12, // optional shake strength threshold
						timeout: 500 // optional, determines the frequency of event generation
				});
				
				myShakeEvent.start();
				window.addEventListener('shake', this.shakeEventDidOccur, false);
			
		},
		created(){
			
		},
		methods: {
			shakeEventDidOccur(){
				alert('123')
			},
			gotoindex(){

        this.$dsbridge.callmethod('finishNativePage','',res => {
          
        })
    },
		}
	}
</script>
<style lang="scss">
#app{
	background: #fff;
}
</style>
<style lang="scss" scoped>
.table_conten{
	display: flex;
	.table1{
		width: 25%;
	}
}

.rules_content{
	background: #fff;
	overflow: auto;
	height: 100vh;
}
.top_header{
    width: 62.5rem;
    height: 7.33rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 2rem;
    box-sizing: border-box;
		position: fixed;
		top:0;
		left: 0;
    img{
        width: 4rem;
        height: 4rem;
				position: absolute;
    		left: 1rem;
    }
    .name{
        font-size: 3rem;
        font-weight: 500;
        color: #24292E;
    }
    .withdraw{
        font-size: 2.67rem;
        font-weight: 500;
        color: #F0B90B;
    }
}
	.content{
		width: 100%;
		padding: 0 1rem;
		box-sizing: border-box;
		p{
			line-height: 40rpx!important;
			color: #000;
			font-size: 13rpx!important;
		}
		.head{
			color: #000;
			text-align: center;
			font-size: 16px;
		}
	}
</style>
